Ajax не работает с тегом формы

[hoax]

Передаю POST запрос, однако он возвращается только при отсутствии <form> и </form>, а в send просто передаю значение параметра, как input.value;

Вот так код работает

<input id="q" type="text" name="ok" />
<input onclick="load()" type="submit" />

Вот так - нет

<form>
<input id="q" type="text" name="ok" />
<input onclick="load()" type="submit" />
</form>

JS один и тот же

function load() {

	var xhr = new XMLHttpRequest();
	
	xhr.onreadystatechange = function() {
	
	
		if(xhr.readyState == 4) document.getElementById('ajax').innerHTML = xhr.responseText;
	
	}
	
	xhr.open('POST', '12.php',true);
	xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xhr.send('ok='+q.value);


}

[danik.js]

Потому что это кнопка, отправляющая форму на сервер.
Ты хочешь сделать аякс-оптправку с фолбэком на обычную отправку формы?
Тогда пропиши onclick="return load(), false" - отмена клика, и соответственно, стандартной отправки формы.

Если без фолбэка (что есть плохо), то просто поменяй type=submit на type=button, правда тогда кнопка не будет срабатывать по Enter из поля ввода.

[hoax]

Мне лично все равно через что отправлять, сейчас заменил кнопку на блочный div - работает.

Однако появилась другая проблема, вторичный файл не получает параметра, если в send он явно не указан, например send('name='+input.value) - работает, а когда я пишу так

send(new FormData(document.forms.f2))

, или даже так

var formData = new FormData();
formData.append('name','jon');
send(formData);

Ajax возвращает отсутствие параметра name.

[hoax]

[danik.js]

FormData шлет только multipart/form-data контент. Хотя проблема не в этом вроде, так как иной Content-Type браузер проигнорирует просто. Сделай запускаемый пример тут, через [ js run ]

[danik.js]

И обязательно ли тебе FormData юзать? Не проще x=a&y=b слать?

[ksa]

send(new FormData(document.forms.f2))

Так ты посмотри, что ты в итоге суешь в тот send()...

Там должна быть строка вида

var params = 'name=' + encodeURIComponent(name) + '&surname=' + encodeURIComponent(surname);
//...
xmlhttp.send(params)

http://xmlhttprequest.ru/

[danik.js]

ksa, просвещайся.

[hoax]

в учебнике описано, что в formdata могут бить любые поля, в том числе и файловые.

Просто удобнее объект сразу в send() запихнуть а не прописывать 'param='+input.value.... + кодировка в тд

[danik.js]

Просто удобнее объект

Согласен. Только имей ввиду что FormData - это HTML5.